/* ======================================= */
/* CSS for control sap.f/DynamicPageTitle  */
/* Base theme                              */
/* ======================================= */

.sapFDynamicPageTitle {
	z-index: 2;
	min-height: 3rem;
	position: relative;
	padding: 0 2rem 0 3rem;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	flex-direction: row;
	-webkit-flex-direction: row;
	box-sizing: border-box;
	background: @sapUiObjectHeaderBackground;
}

.sapFDynamicPageTitleRightActions .sapFDynamicPageTitleOverflowToolbar {
	justify-content: flex-end;
}

.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleSnapped > .sapFDynamicPageTitle,
.sapFDynamicPageTitleWrapper.sapFDynamicPageTitleOnly > .sapFDynamicPageTitle {
	box-shadow: inset 0 -0.125rem @sapUiObjectHeaderBorderColor, 0 0.125rem 0 0 @sapUiObjectHeaderBackground;
	.sapFDynamicPageHeader {
		border-bottom: none;
	}
}

/* Title Left and Right Areas*/
.sapFDynamicPageTitle > .sapFDynamicPageTitleLeft {
	width: 60%;
}

.sapFDynamicPageTitle > .sapFDynamicPageTitleRight {
	width: 40%;
}

.sapFDynamicPageTitle > .sapFDynamicPageTitleLeft {
	.sapFDynamicPageTitleLeftInner {
		.sapFDynamicPageTitleLeftHeading,
		.sapFDynamicPageTitleLeftSnappedExpandContent {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			box-sizing: border-box;
			vertical-align: middle;
		}

		.sapFDynamicPageTitleLeftHeading {
			flex-shrink: 1;
			-webkit-flex-shrink: 1;
			padding-right: 1rem;
		}

		.sapFDynamicPageTitleLeftSnappedExpandContent {
			flex: 1 1 10rem;
			-webkit-flex: 1 1 10rem;
			padding-right: 1rem;
			font-size: 0.875rem;
			color: @sapUiContentLabelColor;
		}

		.sapFDynamicPageTitleLeftSnappedExpandContent.sapFDynamicPageSnapContentVisible,
		.sapFDynamicPageTitleLeftSnappedExpandContent.sapFDynamicPageExpandContentVisible {
			min-width: 8rem;
		}

		display: flex;
		display: -webkit-flex;

		align-items: center;
		-webkit-align-items: center;

		flex-direction: row;
		-webkit-flex-direction: row;

		flex-wrap: wrap;
		-webkit-flex-wrap: wrap; /* Safari */
	}

	.sapMTitle, .sapMLabel {
		vertical-align: middle;
	}
	.sapMTitle {
		font-size: 1.375rem;
	}
}

.sapFDynamicPageTitle > .sapFDynamicPageTitleRight .sapMTB {
	background: none;
	border: none;
}

/* Tablet Size */
.sapFDynamicPage-Std-Tablet {
	.sapFDynamicPageTitle {
		padding-left: 2rem;
		padding-right: 1rem;
	}
}

/* Phone Size */
.sapFDynamicPage-Std-Phone {
	.sapFDynamicPageTitle {
		padding-left: 1rem;
		padding-right: 0;
	}
}
